/*
  学习目标：创建ref获取dom元素
  步骤：
     1. 创建ref
     2. 绑定
     3. 通过ref对象来访问
*/

import React, { Component } from 'react';

export default class App extends Component {
  // 1 创建ref独享

  xxx = React.createRef();

  handleClick = () => {
    //3. 通过ref.current属性获取dom元素
    this.xxx.current.focus();
  };

  render() {
    return (
      <div>
        <input
          // 2. 绑定ref对象给dom元素
          ref={this.xxx}
          type="text"
        />
        <button onClick={this.handleClick}>点我让input获取焦点</button>
      </div>
    );
  }
}
